<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // let 和 var 的区别
        // 1.作用域 var 全局, 局部(函数作用域),块级作用域

        // 块级作用域声明
        // {
        //     //这是一个 块级作用域
        //     let a = 10; // 会受块级作用域的影响
        //     console.log(a); // 10
        //     var b = 20; // 不会受块级作用域的影响

        // }
        // console.log(a);// 报错
        // console.log(b);// 20

         //2.let不能重复声明 , var 可以
         // var a=10;
        // var a= 20;
            // console.log(a); // 20


            // 3.let 有暂时性死区 , 没有声明前置(预解析)hosting
            // console.log(a);
            // var a =10;// undfiend
            // let a = 10; // 报错没有预解析


            // 4.let 不会挂载在window上；
            // var a = 10;
            // console.log(window.a);// 10
            // let a = 20;
            // console.log(window.a);// undfiend


    </script>
</body>
</html>